<!DOCTYPE HTML>
<style>
  .shadow-normal { box-shadow: black 5px -5px 0; }
  .shadow-inset { box-shadow: black 5px 5px 0 inset; }
  thead, tbody { background-color: blue; }
  tr { background-color: rgba(255,0,0,0.5); }
  td { width: 100px; height: 100px; }
  table { border-spacing: 10px; }
</style>
<table>
  <thead class="shadow-normal">
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
  </tbody>
  <tbody class="shadow-inset">
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
  </tbody>
</table>
